<div class="bjui-pageHeader">
        <div class="bjui-searchBar">
            <label>所属业务:</label>
            <select name="type" data-toggle="selectpicker">
                <option value="">全部</option>
                <option value="1">联络</option>
                <option value="2">住宿</option>
                <option value="3">餐饮</option>
                <option value="4">交通</option>
            </select>&nbsp;
            <label>护照号：</label><input type="text" id="customNo" value="" name="code" class="form-control" size="10">&nbsp;
            <label>客户姓名：</label><input type="text" value="" name="name" class="form-control" size="8">&nbsp;
            <input type="checkbox" id="j_table_chk" value="true" data-toggle="icheck" data-label="我的客户">
            <button type="button" class="showMoreSearch" data-toggle="moresearch" data-name="custom"><i class="fa fa-angle-double-down"></i></button>
            <button type="submit" class="btn-default" data-icon="search">查询</button>&nbsp;
            <a class="btn btn-orange" href="javascript:;" data-toggle="reloadsearch" data-clear-query="true" data-icon="undo">清空查询</a>
            <div class="pull-right">
                <button type="button" class="btn-blue" data-url="ajaxDone2.html?id={#bjui-selected}" data-toggle="doajax" data-confirm-msg="确定要删除选中项吗？" data-icon="remove" title="可以在控制台(network)查看被删除ID">删除选中行</button>&nbsp;
                <div class="btn-group">
                    <button type="button" class="btn-default dropdown-toggle" data-toggle="dropdown" data-icon="copy">复选框-批量操作<span class="caret"></span></button>
                    <ul class="dropdown-menu right" role="menu">
                        <li><a href="book1.xlsx" data-toggle="doexport" data-confirm-msg="确定要导出信息吗？">导出<span style="color: green;">全部</span></a></li>
                        <li><a href="book1.xlsx" data-toggle="doexportchecked" data-confirm-msg="确定要导出选中项吗？" data-idname="expids" data-group="ids">导出<span style="color: red;">选中</span></a></li>
                        <li class="divider"></li>
                        <li><a href="ajaxDone2.html" data-toggle="doajaxchecked" data-confirm-msg="确定要删除选中项吗？" data-idname="delids" data-group="ids">删除选中</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="bjui-moreSearch">
            <label>职业：</label><input type="text" value="" name="profession" size="15" />
            <label>&nbsp;性别:</label>
            <select name="sex" data-toggle="selectpicker">
                <option value="">全部</option>
                <option value="true">男</option>
                <option value="false">女</option>
            </select>
            <label>&nbsp;手机:</label>
            <input type="text" value="" name="mobile" size="10">
        </div>
</div>
<div class="bjui-pageContent tableContent">
    <table class="table table-bordered table-hover table-striped table-top" dataUrl="/aaa">
        <thead>
            <tr>
                <th width="25"><input type="checkbox" class="checkboxCtrl" data-group="ids" data-toggle="icheck"></th>
                <th>请求URL</th>
                <th width="50">响应码</th>
                <th width="60">请求类型</th>
                <th>请求参数</th>
                <th>客户端IP</th>
                <th width="300">客户端信息</th>
                <th>内核</th>
                <th>SESSIONID</th>
                <th data-order-field="createtime">请求时间</th>
            </tr>
        </thead>
        <tbody></tbody>
        <script id="table_data_template" type="text/x-jquery-tmpl">
            <tr data-id="{{= request_id}}" {{if response_status==404}}style="color:red"{{/if}}>
                <td><input type="checkbox" name="ids" data-toggle="icheck" value="{{= request_id}}"></td>
                <td>{{= request_url}}</td>
                <td>{{= response_status}}</td>
                <td>{{= request_type}}</td>
                <td>{{= query_string}}</td>
                <td>{{= rquest_ip}}</td>
                <td>{{= client_info}}</td>
                <td option-show="{{= user_agent}}"><span style="border-bottom:1px solid red;cursor:pointer;">详情</span></td>
                <td>{{= session_id}}</td>
                <td>{{= request_time}}</td>
            </tr>
        </script>
    </table>
</div>
<div class="bjui-pageFooter">
    <div class="pages">
        <span>每页&nbsp;</span>
        <div class="selectPagesize">
            <select data-toggle="selectpicker" data-toggle-change="changepagesize">
                <option value="30">30</option>
                <option value="60">60</option>
                <option value="120">120</option>
                <option value="150">150</option>
            </select>
        </div>
        <span>&nbsp;条，共 <span id="totalCount">...</span> 条 - <span id="totalPage">...</span> 页</span>
    </div>
    <div class="pagination-box"></div>
</div>
<script>
    $(function(){
        $.get(WEBPATH+"/request/list.json",{pageNum:1, pageSize:30},function(result){
            $("div.pagination-box").pagination({
                total: result.TotalCount,
                pageSize: 30,
                pageCurrent: result.PageCurrent,
                pageNum: 10
            });
            $("span#totalCount").text(result.TotalCount);
            $("span#totalPage").text(result.TotalPage);
            $("#table_data_template").tmpl(result.Data).appendTo("table.table>tbody");
            $('td[option-show]').bind('click', function(){
                layer.alert($(this).attr('option-show'), "客户端内核详情");
            });
        });

    });
</script>